<script setup>
import { ref } from 'vue'
const headerText = ref('tou')
const conText = ref('conText')
const userInfo = ref({
  name:'ming',
  age:122,
})
</script>
<template>
  <div class="header">
    <slot :text="headerText" name="header"></slot>
  </div>

  <div class="text" >
    <slot text="text内容" :count="1">text的默认内容</slot>
  </div>

  <div class="footer">
    <slot :text="conText" :userInfo="userInfo" name="content"></slot>
  </div>
</template>
<style scoped lang="less">
.text {
  background-color: pink;
  height: 50px;
}

.header {
  background-color: aquamarine;
  height: 50px;
}

.footer {
  background-color: bisque;
 min-height: 50px;
}
</style>